
var prefix = ctx +"module/device/welding"
$(function() {
    load();
});
function load(){
    layui.use(['form','table'], function() {
        var form = layui.form , table = layui.table,element = layui.element;//载入table模块
        var searchParams = {};
        searchParams['search_like_keyword']=$('#keyword').val();
        searchParams['search_eq_isSelf']=$('#isSelf').val();
        searchParams['search_eq_shopId']=$('#shopId').val();
        searchParams['search_eq_deviceType']=$('#deviceType').val();

        var cols = [];
        var isSelf = $('#isSelf').val();
        if(isSelf == 0){
            cols = [
                // {type:'numbers',title: '序号', width:'5%'},
                { field : 'id',  title : 'ID', align : 'center',width:'5%' },
                { field : 'deviceName',  title : '设备名称', align : 'center',  width: 200,},
                { field : 'deviceNo',  title : '设备编号', align : 'center',  width: 120,},
                // { field : 'deviceNum',  title : '设备编号', align : 'center', },
                { field : 'shopName',  title : '所属企业', align : 'center',  width: 200,},
                { field : 'useState',  title : '使用状态', align : 'center',
                    templet: function (item) {
                        if(item.useState == 0){
                            return '未使用';
                        } else if(item.useState == 1){
                            return '申请审核中';
                        }  else if(item.useState == 2){
                            return '使用中';
                        } else{
                            return '已断电';
                        }
                    },
                },
                { field : 'fsrDeviceName',  title : '智能设备', align : 'center', width: 120,
                    templet: function (item) {
                        console.log("fsrAssets", item.fsrAssets)
                        if(item.fsrAssets != undefined && item.fsrAssets.fsrAssetName != undefined){
                            return item.fsrAssets.fsrAssetName + ' - ' + item.fsrDeviceName;
                        }else{
                            return item.fsrDeviceName;
                        }
                    },
                },
                // { field : 'leaderPhone',  title : '电焊工电话', align : 'center', },
                { title : '二维码', align : 'center', width: 150,
                    templet: function (item) {
                        return "<a href=\"javascript:void(0);\" imgurl=\""+item.qrCodeUrl+"\" class=\"grid-column-qrcode text-muted\">" +
                            "           <i class=\"fa fa-qrcode\"></i>" +
                            "       </a>"+
                            "       &nbsp;&nbsp;<a href='" + prefix + "/downloadQrCode/"+item.id + "' " +
                            " download='device_qr_"+item.id +".jpg'>" +
                            "<i class=\"fa fa-download\"></i>"+item.deviceNo+"</a>";
                    },
                },
                { title : '最后在线时间', align : 'center', width: 160,
                    templet: function (item) {
                        return item.fsrDevice.lastOnlineTime!= undefined ? item.fsrDevice.lastOnlineTime : '';
                    },
                },
                // { field : 'address',  title : '设备位置', align : 'center', },
                { title: '操作', minWidth: 200, templet: '#currentTableBar', fixed: "right", align: "center"}
            ];
        }else{
            cols = [
                {type:'numbers',title: '序号', width:'5%'},
                { field : 'deviceName',  title : '设备名称', align : 'center', width: 200,},
                { field : 'deviceNo',  title : '设备编号', align : 'center', width: 120,},
                { field : 'leaderName',  title : '电焊工', align : 'center', },
                { field : 'leaderPhone',  title : '电焊工电话', align : 'center', },
                // { field : 'storeMeter',  title : '电焊工电话', align : 'center', },
                // { field : 'lastLocationTime',  title : '电焊工电话', align : 'center', },
                { field : 'useState',  title : '激活状态', align : 'center',
                    templet: function (item) {
                        if(item.state == 0){
                            return '未激活';
                        } else{
                            return '已激活';
                        }
                    },
                },
                { field : 'deviceType',  title : '焊机类型', align : 'center',
                    templet: function (item) {
                        if(item.deviceType == 0){
                            return '普通式';
                        } else if(item.deviceType == 1){
                            return '等离子式';
                        }
                    },
                },
                { field : 'useState',  title : '使用状态', align : 'center',
                    templet: function (item) {
                        if(item.useState == 0){
                            return '未使用';
                        } else if(item.useState == 1){
                            return '申请审核中';
                        }  else if(item.useState == 2){
                            return '使用中';
                        } else{
                            return '已断电';
                        }
                    },
                },
                { title : '二维码', align : 'center', width: 200,
                    templet: function (item) {
                        return "<a href=\"javascript:void(0);\" imgurl=\""+item.qrCodeUrl+"\" class=\"grid-column-qrcode text-muted\">" +
                            "           <i class=\"fa fa-qrcode\"></i>" +
                            "   </a>"+
                            "       &nbsp;&nbsp;" +
                            "   <a href='" + prefix + "/downloadQrCode/"+item.id + "' download='device_qr_"+item.id +".jpg'>" +
                            "       <i class=\"fa fa-download\"></i>" + item.deviceNo +
                            "   </a>";
                    },
                },
                { title : '最后在线时间', align : 'center',
                    templet: function (item) {
                        return item.fsrDevice.lastOnlineTime!= undefined ? item.fsrDevice.lastOnlineTime : '';
                    },
                },
                // { field : 'address',  title : '设备位置', align : 'center', },
                { title: '操作', minWidth: 200, templet: '#currentTableBar', fixed: "right", align: "center"}
            ];
        }

        //初始化table
        table.render({
            elem: '#exampleTable',//承载数据的table Id
            url: prefix + "/list",//请求数据连接
            toolbar: '#toolbarDemo',
            cellMinWidth: 80,//全局定义所有常规单元格的最小宽度（默认：60）
            even: true,//是否开启隔行变色
            loading:true,//是否显示加载条
            // height: 'full-75',
            where :{
                searchParams:searchParams,
                sorts:{"id":"desc"}
            },
            //page: true,//是否分页
            page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: [ 'prev', 'page', 'next', 'skip', 'count','limit'] //自定义分页布局
            },
            cols: [cols],
            id: 'currentTableId',//表格Id
            done: function(res, curr, count){
                // $('.layui-table-fixed-r').removeClass('layui-hide');
                $(".grid-column-qrcode").each(function() {
                    $(this).click(function() {
                        previewImg(this);
                    })
                });
            } //解决最右侧列不能固定的问题
        });
        /**
         * 操作栏tool  监听事件
         */
        table.on('tool(currentTableFilter)', function (obj) {
            if (obj.event === 'edit') {  // 监听添加操作
                console.log('obj',obj.data.id)
                edit(obj.data.id);
            } else if (obj.event === 'delete') {  // 监听删除操作
                console.log('obj',obj.data.id)
                remove(obj.data.id);
            } else if (obj.event === 'qrcode') {  // 监听删除操作
                reset(obj.data.id);
            }

        });
        // 监听搜索操作
        form.on('submit(data-search-btn)', function (data) {
            //执行搜索重载
            reLoad();
            return false;
        });

        /**
         * 操作栏tool  监听事件
         */
        table.on('toolbar(currentTableFilter)', function (obj) {
            if (obj.event === 'add') {  // 监听添加操作
                add();
            } else if (obj.event === 'delete') {  // 监听删除操作
                var checkStatus = table.checkStatus('currentTableId')
                    , data = checkStatus.data;
                layer.alert(JSON.stringify(data));
            } else if (obj.event === 'back') {  // 监听添加操作
                goBack();
            }
        });
    });
}

function reLoad() {
    var searchParams = {};
    searchParams['search_like_keyword']=$('#keyword').val();
    searchParams['search_eq_isSelf']=$('#isSelf').val();
    searchParams['search_eq_shopId']=$('#shopId').val();
    searchParams['search_eq_deviceType']=$('#deviceType').val();
    layui.use(['table'], function() {
        var  page = $(".layui-laypage-skip").find("input").val() //当前页码值
        console.log('page',page)
        var table = layui.table;//载入table模块
        table.reload('currentTableId', {
            page: {curr: page}
            , where: {
                searchParams: searchParams
            }
        }, 'data');
    });
}

function goBack(){
    // var shopType = $('#shopType').val();
    // window.location.href = ctx + 'module/device/'+shopType;
    var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
    parent.layer.close(index);
}


function reLoadSave() {
    var searchParams = {};
    searchParams['search_like_keyword']=$('#keyword').val();
    searchParams['search_eq_isSelf']=$('#isSelf').val();
    searchParams['search_eq_shopId']=$('#shopId').val();
    searchParams['search_eq_deviceType']=$('#deviceType').val();
    layui.use(['table'], function() {
        var table = layui.table;//载入table模块
        var  page =   $(".layui-laypage-skip").find("input").val() //当前页码值
        console.log('page',page)
        table.reload('currentTableId', {
            page: {curr: page}
            , where: {
                searchParams: searchParams
            }
        }, 'data');
    });
}


function previewImg(obj) {
    console.log('obj',obj)
    var img = new Image();
    img.src = $(obj).attr("imgurl");
    console.log('img',$(obj).attr("imgurl"));
    var imgHtml = "<img src='" + img.src + "' width='400' height='400' style='margin: 25px 25px'/>";
    //弹出层
    layer.open({
        type: 1,
        // shade: true,
        shadeClose : true, // 点击遮罩关闭层
        title: false, //不显示标题
        area:[ '450px', '450px' ],
        content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
        cancel: function () {

        }
    });
}


function add() {
    var isSelf = $('#isSelf').val();
    if(isSelf == 0){
        var index = layer.open({
            type : 2,
            title : '增加',
            maxmin : true,
            shadeClose : false, // 点击遮罩关闭层
            area : [ '600px', '400px' ],
            content : prefix + '/add/' + isSelf // iframe的url
        });
    }else{
        var index = layer.open({
            type : 2,
            title : '增加',
            maxmin : true,
            shadeClose : false, // 点击遮罩关闭层
            area : [ '600px', '430px' ],
            content : prefix + '/add/' + isSelf // iframe的url
        });
    }
	// layer.full(index);
}

function edit(id) {
    var isSelf = $('#isSelf').val();
    if(isSelf == 0){

        var index = layer.open({
            type : 2,
            title : '编辑',
            maxmin : true,
            shadeClose : false, // 点击遮罩关闭层
            area : [ '600px', '400px' ],
            content : prefix + '/edit/' + id // iframe的url
        });
    }else{
        var index = layer.open({
            type : 2,
            title : '编辑',
            maxmin : true,
            shadeClose : false, // 点击遮罩关闭层
            area : [ '600px', '430px' ],
            content : prefix + '/edit/' + id // iframe的url
        });
    }
	// layer.full(index);
}


function reset(id) {
    $.ajax({
        url : prefix + "/resetQrCode",
        type : "post",
        data : {
            'id' : id
        },
        success : function(r) {
            if (r.code==0) {
                layer.msg(r.msg);
                reLoad();
            }else{
                layer.msg(r.msg);
            }
        }
    });
}


function remove(id) {
    layer.confirm('确定要删除选中的记录？', {
        btn : [ '确定', '取消' ]
    }, function() {
        $.ajax({
            url : prefix+"/remove",
            type : "post",
            data : {
                'id' : id
            },
            success : function(r) {
                if (r.code==0) {
                    layer.msg(r.msg);
                    reLoad();
                }else{
                    layer.msg(r.msg);
                }
            }
        });
    })
}


